Как в js показать только несколько первых элементов?

здравствуйте, подскажите , у меня есть такой скрипт

<script>
function myFunction() {
    // Declare variables
    var input, filter, ul, li, a, i;
    input = document.getElementById('myInput');
    filter = input.value.toUpperCase();
    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName('li');

    // Loop through all list items, and hide those who don't match the search query
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else {
            li[i].style.display = "none";
        }
    }
}
</script>

<input type="text" style="display:none;" id="myInput" onkeyup="myFunction()" placeholder="Поиск..">

<ul id="myUL" style="display:none;">
<li><a href="javascript:;" onclick="changeLocation('{$live_site}', '3')">3</a></li>
<li><a href="javascript:;" onclick="changeLocation('{$live_site}', '2')">2</a></li>
<li><a href="javascript:;" onclick="changeLocation('{$live_site}', '1')">1</a></li>

как здесь показать только первых 5 элементов изначально в списке? а то высвечивается сразу весь список li внизу