[Yes]

Переписал код след. образом:
HTML

The name is <input data-bind="value: personName" />
        <button data-bind="click: add">Add</button>

        <ul data-bind="foreach: people">
            <li><label data-bind="text: name"></label> <a href='#' data-bind='click: del'> Удалить </a></li>
        </ul>

JS

function model() {
    self=this;
    self.personName=ko.observable(0);
    self.people=ko.observableArray([
        {"id":"1", "name":"Fries"},
        {"id":"2", "name":"Eggs Benedict"},
        {"id":"3", "name":"Ham"},
        {"id":"4", "name":"Cheese"}

    ]);
    add=function(){this.people.push({id:'8','name': this.personName()})};
    del=function(pep){self.people.remove(pep);console.log(pep)};
}
ko.applyBindings(new model());

Все заработало, только не совсем понимаю почему ))) Буду благодарен за пояснения