JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chat">
  <div>сообщение 1</div>
  <div>сообщение 2</div>
  <div>сообщение 3</div>
  <div>сообщение 4</div>
  <div>сообщение 5</div>
</div>

JavaScript

const count = 2; //сколько последних сообщений оставляем
const chat = document.querySelectorAll('.chat div'); // получаем все сообщения
const arr = [...chat]; //формируем массив
arr.reverse().splice(0, count); // изменяет содержимое массива
arr.forEach(i => i.remove()) // удаляем элементы