Сделать это можно так:
li {
display: none;
}
li:nth-child(-n+3) {
display:block;
}
К примеру, если у нас есть следующий HTML, то с приведенным выше CSS мы увидем только 1,2,3.
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>