Можно ли использовать представления/шаблоны Backbone больше как типичные шаблоны MVC на стороне сервера, а не пустые контейнеры и множество дополнений?

Представление Backbone требует элемента DOM и доходит до предоставления атрибутов для облегчения его создания, но ничто не заставляет вас использовать механизм шаблонов или манипуляции с DOM. Вы можете использовать существующую структуру разметки, вам просто нужно прикрепить представления к правильным узлам DOM.

Предполагая, что визуализированный HTML выглядит так

<ul id='scheduler-loadroutegroups'>
    <li id='d1'>
    <ul>
        <li id='p1'>P1</li>
        <li id='p2'>P2</li>
    </ul>
    </li>
    <li id='d2'>
    <ul>
        <li id='p3'>P3</li>
        <li id='p4'>P4</li>
    </ul>
    </li>
</ul>

вы можете использовать представление, которое захватывает соответствующие узлы DOM и связывает подпредставления. Сами подпредставления настраивают свои узлы DOM и так далее.

var DevListView = Backbone.View.extend({
    initialize: function() {
        this.inject();
    },

    inject: function() {
        var $el = this.$el;

        this.collection.each(function (model) {
            var subview = new DevView({
                el: $el.find("#d" + model.id),
                model: model
            });
        });
    }
});

var DevView = Backbone.View.extend({
    initialize: function() {
        this.inject();
    },

    inject: function() {
        var $el = this.$el;

        this.model.pets.each(function (model) {
            var subview = new PetView({
                el: $el.find("#p" + model.id),
                model: model
            });
        });
    }
});

var PetView = Backbone.View.extend({
    events: {
        'click ': function () {
            this.$el.toggleClass('selected');

            var msg = '<p>Pet '+this.model.get('id')+'</p>';
            $('body').append(msg);
        }
    }
});

Затем вы вызываете корневое представление с соответствующими данными, а методы инициализации делают все остальное.

var Developer = Backbone.Model.extend({
    initialize: function () {
        this.pets = new Backbone.Collection(this.get('pets'));
    },
    parse: function (data) {
        this.pets.reset(data.pets);
        return data;
    }
});
var Developers = Backbone.Collection.extend({
    model: Developer
});
var v = new DevListView({
    el: '#scheduler-loadroutegroups',
    collection: devs
});

См. http://jsfiddle.net/3xNHj/ для демонстрации.

Конечно, вы можете пойти дальше и перерисовать свои взгляды, эти вопросы могут помочь вам копать дальше.

Магистраль, а не оболочка this.el
Проблемы рендеринга BackboneJS