Vou arriscar uma adaptação do código que pode ser o que você deseja. Seguindo a linha da resposta do Netinho, acredito que possa resolver. Se for isto, os créditos são do Netinho, pois apenas adaptei seu código.
var recebeMensagem = []
var mensagemBot = '<div class="bot_mensagens">' + recebeMensagem + '</div>';
var conteudoHtml = '';
conteudoHtml = $('.recebe_as_mensagens').html();
recebeMensagem += 'Olá';
recebeMensagem += 'Tudo bem?';
recebeMensagem += 'Tchau';
conteudoHtml += mensagemBot;
$('.recebe_as_mensagens').html(conteudoHtml);
$(".bot_mensagens").text(recebeMensagem)
Aqui você tem um vetor em Javascript recebeMensagem = []
, agora basta ir jogando os itens para dentro do vetor e as mensagens serão armazenadas em posições diferentes.
Seguindo a mesma lógica, é possível varrer seu array e mostrar os resultados da seguinte forma:
for(var i = 0; i < recebeMensagem.length; i++){
conteudoHtml = mensagemBot;
$('.recebe_as_mensagens').html(conteudoHtml);
$(".bot_mensagens").text(recebeMensagem)
}
Veja no JsFiddle
Espero que ajude, apenas tentei adequar a lógica, não tenho muita experiência com Javascript. Abraços!