JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="test">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
  <li>item4</li>
  <li>item5</li>
  <li>item6</li>
  <li>item7</li>
  <li>item8</li>
</ul>

CSS

.test li:nth-child(3) ~ li {
  display: none;
}