Quiero mostrar solo 2 nombres a la vez de una lista y luego hacer clic en un botón aparecen los siguientes 2 nombres, pero hay un error

Quiero mostrar solo las primeras 2 cosas que están presentes en una matriz en lugar de todas y luego, haciendo clic en el botón, los siguientes 2 nombres aparecen hasta el último, pero el código que estoy intentando no funciona. Estoy dando el código, por favor diga el error. ¿Me pueden ayudar a corregir el código de knockout js?

En Javascript

EventBE.displayCount = ko.observable(2);
EventBE.readMore = function() { EventBE.displayCount(EventBE.displayCount() + 2); };

en html

div class="slide">
    <button type="button" data-bind"click: EventBE.readMore,visible: 
        EventBE.displayCount() < EventBE.WhoElseAttends.length">Read More</button>
        <ul  data-bind="foreach:EventBE.WhoElseAttends.slice(0, 
             EventBE.displayCount())">
            <li >
                <span data-bind="text:FirstName"></span>
                <span data-bind="text:LastName"></span>,
                <span data-bind="text:Company"></span>
             </li>
        </ul>                  
   <span data-bind="if:EventBE.WhoElseAttends.length <0">No Attendees</span>                    
</div>

Respuestas a la pregunta(1)

Su respuesta a la pregunta